<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<div id="app">
		<p v-upper-text="msg"></p>
	</div>
	<script type="text/javascript" src="../js/vue.js"></script>
	<script type="text/javascript">
		Vue.directive('upper-text', function(el, binding){
			el.textContent = binding.value.toUpperCase();
		});

		var vm = new Vue({
			el: '#app',
			data: {
				msg: 'I Love Like Book'
			}
		});
	</script>
</body>
</html>